Awesome Front-End Development

WordPress-Gatsby

WordPress-Gatsby

Web development technology stack with WordPress as a back end and Gatsby as a front end.

Vue.js

Vue.js

App framework.

JavaScript
Tailwind CSS

Tailwind CSS

Utility-first CSS framework for rapid UI development.

CSS
Svelte

Svelte

App framework.

Sass

Sass

CSS preprocessor.

CSS
Redux

Redux

State container for JavaScript apps.

JavaScript
React Hooks

React Hooks

Lets you use state and other React features without writing a class.

JavaScript
React

React

JavaScript library for building user interfaces.

JavaScriptFramework (JavaScript)
PostCSS

PostCSS

CSS tool.

CSS
Next.js

Next.js

Framework for server-rendered React apps.

JavaScript
Less

Less

CSS preprocessor.

CSS
jQuery

jQuery

Easy to use JavaScript library for DOM manipulation.

JavaScript
HTML5

HTML5

Markup language used for websites & web apps.

HTML
D3

D3

Library for producing dynamic, interactive data visualizations.

JavaScript
CSS

CSS

Style sheet language that specifies how HTML elements are displayed on screen.

CSS
Ant Design

Ant Design

Enterprise-class UI design language.

CSS
Angular

Angular

Angular is a web framework that empowers developers to build fast, reliable applications.

HTMLCSSJavaScript
Android UI

Android UI

Android
P

Preact

App framework.

JavaScript
P

PageSpeed Metrics

Metrics to help understand page speed and user experience.

J

JAMstack

Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt markup.

JavaScript
L

lit

Library for building web components with a declarative template system.

D

Draft.js

Rich text editor framework for React.

JavaScript
P

Progressive Enhancement

C

choo

App framework.

JavaScript
W

WebGL

JavaScript API for rendering 3D graphics.

JavaScript
S

Service Workers

P

Progressive Web Apps

B

Browserify

Module bundler.

B

Building Blocks for Web Apps

Standalone features to be integrated into web apps.

W

WebAssembly

A portable binary format for running code efficiently across platforms.

W

WebGPU

JavaScript API for rendering and compute on GPUs.

JavaScript
F

Frontend GIS

Geographic Information Systems (GIS) for web browsers.

T

Tiny JS

Frontend libraries that fit into 2 kB with dependencies.

JavaScript
H

Hydrogen

Edge-first framework for building Shopify storefronts with React.

JavaScript
M

Master CSS

A virtual CSS language with enhanced syntax.

CSS
M

MDBootstrap

Templates, layouts, components, and widgets to rapidly build websites.

HTMLCSSJavaScript
I

Inertia.js

Make single-page apps without building an API.

JavaScript
D

Design systems

Collection of reusable components, guided by rules that ensure consistency and speed.

M

Mobile Web Development

Creating a great mobile web experience.

M

Material-UI

Material Design React components for faster and easier web development.

CSS
Y

Yew

Rust framework inspired by Elm and React for creating multi-threaded frontend web apps with WebAssembly.

JavaScript
W

Web Animation

Animations in the browser with JavaScript, CSS, SVG, etc.

JavaScriptCSSSVG
W

Web Performance Budget

Techniques to ensure certain performance metrics for a website.

S

Seed

Rust framework for creating web apps running in WebAssembly.

M

Marionette.js

App framework.

JavaScript
B

Blazor

.NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

S

Storybook

Development environment for UI components.

W

Web Components

I

iOS UI

iOS
E

Ember

App framework.

I

Inspiration

D

Dojo Toolkit

JavaScript toolkit.

JavaScript
K

KnockoutJS

JavaScript library.

JavaScript
C

Canvas

S

SVG

XML-based vector image format.

SVG
B

Backbone

App framework.

P

Polymer

JavaScript library to develop Web Components.

M

Meteor

R

Relay

Framework for building data-driven React apps.

JavaScriptFramework (JavaScript)
F

Frameworks

P

Protips

M

Must-Watch Talks

S

Scalability

C

Critical-Path Tools

W

Web Tools

W

Web Performance Optimization

O

Offline-First

I

Ionic Framework

C

Charting

A

Aurelia

App framework.

E

ES6 Tools

JavaScriptTool (JavaScript)
M

Motion UI Design

T

Text Editing

C

Cycle.js

Functional and reactive JavaScript framework.

JavaScript
S

Static Website Services

C

Chrome DevTools

W

Web Audio

T

Tips

JavaScript
E

Emails

A collection of awesome frameworks, templates, tools, workflows and many more to build better emails.

HTMLCSSJavaScript
M

Material Design

W

Web Accessibility

W

Web Typography

F

Flexbox

Flexbox is a layout method for arranging items in rows or columns. Flexbox makes it easier to design a flexible responsive layout structure, without using float or positioning

CSS
B

BEM